<template>
    <div class="ServiceProductList" id="ServiceProductList">
        <div id="ServiceProductList2">
            <div>1.遗体脱、穿、洗</div>
            <div>正常死亡：460元/具；备注：包含场地、遗体的清洗、消毒及工作人员的 防护卫生服装等</div>
            <div>非正常死亡：面议/具；备注：根据损伤程度，经双方协商签字认可后定价</div>
            <div>2.遗体整容、化妆</div>
            <div>正常死亡：180元/具；备注：包含理发、修面、女性梳头、化妆</div>
            <div>非正常死亡：面议/具；备注：根据损伤程度，经双方协商签字认可后定价（含缝合）</div>
            <div>3.一次性尸袋</div>
            <div>正常死亡：180元/个；备注：提供一次性尸袋包扎遗体及消毒处理</div>
            <div>非正常死亡：260元/个；备注：提供一次性尸袋包扎遗体及消毒处理</div>
            <div>4.悼念厅</div>
            <div>小厅：460元/间/场；备注：提供音响设备、供桌等相应悼念设施、设备和用品</div>
            <div>中厅：660元/间/场；备注：提供音响设备、供桌等相应悼念设施、设备和用品</div>
            <div>大厅：860元/间/场；备注：提供音响设备、供桌等相应悼念设施、设备和用品</div>
            <div>特大厅：1160元/间/场；备注：提供音响设备、供桌等相应悼念设施、设备和用品</div>
            <div>5.骨灰盒</div>
            <div>低档：390元/个；备注：根据材质、工艺分类定价</div>
            <div>中档：580元/880元/个；备注：根据材质、工艺分类定价</div>
            <div>高档：1600元/2660元/个；备注：根据材质、工艺分类定价</div>
            <div>6.纸棺</div>
            <div>低档：460元/口；备注：根据材质、工艺定价，可随遗体火化</div>
            <div>中档：760元/口；备注：根据材质、工艺定价，可随遗体火化</div>
            <div>高档：1060元/口；备注：根据材质、工艺定价，可随遗体火化</div>
            <div>7.使用遗体清洗、解剖室</div>
            <div>160元/次；备注：自行清洗遗体，提供清洗台及其它配套设施、设备、使用后卫生消毒</div>
            <div>8.石棉垫</div>
            <div>120元/块；备注：一次性石棉卫生垫，用于拣灰炉火化</div>
            <div>9.炉前告别间</div>
            <div>680元/次；备注：提供：跪垫、供桌、香炉、青香、供果盘、茶水、一次性纸杯等</div>
            <div>10.守灵室</div>
            <div>360元/间/天；备注：提供：冰棺、电子香、电子蜡、灵台、休息桌、椅等。</div>
            <div>11.骨灰识别牌</div>
            <div>78元/块；备注：遗体入炉火化确认牌，后放进骨灰盒可识别骨灰使用</div>
            <div>12.遗物处理</div>
            <div>100元/家；备注：为相应国家环保政策，限定20公斤内</div>

        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                interval3: '',
                mydata6: [
				{
					index: '1',
					project: '遗体脱、穿、洗',
					other: '正常死亡',
					unit: '具',
					standard: '460元',
					remarks: '包含场地、遗体的清洗、消毒及工作人员的 防护卫生服装等',
				},
				{
					index: '1',
					project: '遗体脱、穿、洗',
					other: '非正常死亡',
					unit: '具',
					standard: '面议',
					remarks: '根据损伤程度，经双方协商签字认可后定价',
				},
				{
					index: '2',
					project: '遗体整容、化妆',
					other: '正常死亡',
					unit: '具',
					standard: '180元',
					remarks: '包含理发、修面、女性梳头、化妆',
				},
				{
					index: '2',
					project: '遗体整容、化妆',
					other: '非正常死亡',
					unit: '具',
					standard: '面议',
					remarks: '根据损伤程度，经双方协商签字认可后定价（含缝合）',
				},
				{
					index: '3',
					project: '一次性尸袋',
					other: '正常死亡',
					unit: '个',
					standard: '180元',
					remarks: '提供一次性尸袋包扎遗体及消毒处理',
				},
				{
					index: '3',
					project: '一次性尸袋',
					other: '非正常死亡',
					unit: '个',
					standard: '260元',
					remarks: '提供一次性尸袋包扎遗体及消毒处理',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '小厅',
					unit: '间/场',
					standard: '460元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '中厅',
					unit: '间/场',
					standard: '660元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '大厅',
					unit: '间/场',
					standard: '860元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '特大厅',
					unit: '间/场',
					standard: '1160元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '低档',
					unit: '个',
					standard: '390元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '中档',
					unit: '个',
					standard: '580元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '中档',
					unit: '个',
					standard: '880元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '高档',
					unit: '个',
					standard: '1600元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '高档',
					unit: '个',
					standard: '2660元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '6',
					project: '纸棺',
					other: '低档',
					unit: '口',
					standard: '460元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '6',
					project: '纸棺',
					other: '中档',
					unit: '口',
					standard: '760元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '6',
					project: '纸棺',
					other: '高档',
					unit: '口',
					standard: '1060元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '7',
					project: '使用遗体清洗、解剖室',
					other: '',
					unit: '次',
					standard: '160元',
					remarks: '自行清洗遗体，提供清洗台及其它配套设施、设备、使用后卫生消毒',
				},
				{
					index: '8',
					project: '石棉垫',
					other: '',
					unit: '块',
					standard: '120元',
					remarks: '一次性石棉卫生垫，用于拣灰炉火化',
				},
				{
					index: '9',
					project: '炉前告别间',
					other: '',
					unit: '次',
					standard: '680元',
					remarks: '提供：跪垫、供桌、香炉、青香、供果盘、茶水、一次性纸杯等',
				},
				{
					index: '10',
					project: '守灵室',
					other: '',
					unit: '间/天',
					standard: '360元',
					remarks: '提供：冰棺、电子香、电子蜡、灵台、休息桌、椅等。',
				},
				{
					index: '11',
					project: '骨灰识别牌',
					other: '',
					unit: '块',
					standard: '78元',
					remarks: '遗体入炉火化确认牌，后放进骨灰盒可识别骨灰使用',
				},
				{
					index: '12',
					project: '遗物处理',
					other: '',
					unit: '家',
					standard: '100元',
					remarks: '为相应国家环保政策，限定20公斤内',
				},
			],
            }
        },
        props: {
            isScroll: {
                type: Boolean,
                default: false
            }
        },
        watch: {
            isScroll(nVal, oVal) {
                if (nVal) {
                    this.scrollView2()
                } else {
                    clearInterval(this.interval3)
                }
            }
        },
        mounted() {
        },
        beforeDestroy() {
            clearInterval(this.interval3)
        },
        methods: {
            scrollView2() {
                this.$nextTick(()=>{
                    let ServiceProductList = document.getElementById('ServiceProductList')	
                    let ServiceProductList2 = document.getElementById('ServiceProductList2')	
                    let startL = -ServiceProductList.offsetHeight
                    this.interval3 = setInterval(() => {
                        startL+=1
                        if (startL >= (ServiceProductList2.scrollHeight)) {
                            startL = -ServiceProductList.offsetHeight
                        }
                        ServiceProductList2.style.top = -startL + 'px'//上移高度
                    }, 30)
                })
            },
        },
    }
</script>
<style scoped lang="scss">
    .ServiceProductList {
        background: rgb(38, 80, 144);
        font-size: 70px;
        letter-spacing: 5px;
        text-align: left;
        text-indent: 140px;
        line-height: 120px;
        padding: 0 20px;
        height: 100%;
        overflow-y: scroll;
    }
    #ServiceProductList2 {
        position: relative;
    }
</style>